<template>
  <view class="result">
    <image class="content" mode="widthFix" src="https://dmn000001-1301065476.cos.ap-guangzhou.myqcloud.com/sas/BFOH.png" />
    <view class="user-name">测试结果是：{{content}}</view>

    <view class="age" @click="reCommit">再测一次</view>

    <image
        class="tip"
        src="http://img-miniprogram-o.doutuimao.net/miniadmin/programconfig/xcximg/20240207/32d033831817facdf2bd1affb85934f0.png"
        mode="widthFix"
      ></image>

  </view>
</template>

<script setup lang="ts">
import { EnumStatus } from "@/utils/constants";
interface IProps {
    content:any
}
const props = withDefaults(defineProps<IProps>(), {})
const emit = defineEmits(['update:defStatus'])
const reCommit =()=>{
emit('update:defStatus',EnumStatus.STATUS)
}

</script>

<style lang="scss" scoped>
    .result{
        width: 100%;
        height: 100%;
        background: rgb(254,243,220);
    }
    .content{
      
        z-index: 99;
        margin-top: 15%;
        margin-left: 5%;
        font-size: 50rpx;
        background-size: 100% 100%;
        width: 90%;
        text-align: center;
    
    }
    .user-name{
        border: 5rpx solid rgb(176,151,158);
        background-size: 100% 100%;
        width: 80%;
        margin-left: 10%;
        border-radius: 28rpx;
        background-color: rgb(252,251,245);
        padding: 40rpx 0;
        font-weight: bolder;
        display: flex;
        justify-content: center;
        align-items: center;
    }

   .age{
        position: absolute;
        z-index: 99;
        top: 90%;
        height: 100rpx;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        left: 10%;
        width: 80%;
        height: 90rpx;
        background-size: 100% 100%;
        background-image: url("http://image.youxl.cn/m/sc/jiduanhunyuan2/images/btn-bg.png");

    }
    .tip{
        z-index: 102;
        position: absolute;
        top: 81%;
        right: 15%;
        width: 60%;
    }

</style>
